<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/amazeui.min.css" />
		<link rel="stylesheet" href="css/index.css"  />
		<title>天津好度科技有限公司</title>

	</head>
	<body>
		<% include layout/header.html %>
		<!--第一部分-->
		<div class="first-wrap ms-controller " ms-controller="first-wrap">			
			<div class="am-g am-g-fixed">
				<img src="img/top-logo.png" class="am-img-responsive top-logo" />
				<img src="img/UDO.png" class="am-img-responsive logo" />
				<p class="am-text-lg">从此刻，教与学变得更自由、高效</p>
				<span class="video-wrap am-show-md-up">
					<img src="img/video.png" class="am-img-responsive am-padding-top-xl video"/>
					<span class="am-icon-play-circle-o am-icon-lg"></span>
				</span>
			</div>
			<!--<img src="img/line.png" class="am-img-responsive line"/>-->			
		</div>
		<!--第二部分-->
		<div class="second-wrap ms-controller am-g am-g-fixed">			
			<h1 class="am-text-center am-monospace">
				<img src="img/pc.png" class="am-img-responsive" />
				<span class="am-text-success">教师端核心</span>产品特点<br/>
				<span class="am-text-success am-text-sm">core product features</span>			
			</h1>
			<ul class="am-avg-md-4  am-thumbnails">
			  <li><img class="am-img-responsive" src="img/img-1.png" />
			  	<p class="am-text-center">轻松录微课</p>
			  	<p class="am-text-xs">一个PAD一直笔，随时、随地、任意、任性想怎么录就怎么录</p>
			  </li>
			  <li><img class="am-img-responsive" src="img/img-2.png" />
			  	<p class="am-text-center">分层的教学</p>
			  	<p class="am-text-xs">学生基础不一致，如何发现解决？UDO帮你实现分层教学</p>
			  </li>
			  <li><img class="am-img-responsive" src="img/img-3.png" />
			  	<p class="am-text-center">移动的答疑</p>
			  	<p class="am-text-xs">无论在哪里，学生想问就问，老师时刻了解学生成长动态。</p>
			  </li>
			  <li><img class="am-img-responsive" src="img/img-4.png" />
			  	<p class="am-text-center">全面的数据统计</p>
			  	<p class="am-text-xs">针对学习情况，系统提供不同维度的数据，以便进行查询和数据分析。</p>
			  </li>
			</ul>
		</div>
		<!--教师端部分-->
		<div id="tea"  class="tea-wrap am-g am-g-fixed  am-img-responsive" ms-controller="teaModel">
			<span hidden="hidden" id="tea_url"></span>
			<div class="am-g am-g-fixed greenSide">
				  		<div class="am-u-lg-5 side">
				   		 	<span class="am-show-md-down">
				   		 	 <div class="teacherPassage"><h4 class="titleWhite">UDO微课堂<span class="titleGreen">教师端</span></h4>
							  	<p class="titleWhite">重点难点微课随时录，轻松完成课前导学，课后复习;</p>
							  	<p class="titleWhite">布置练习、面批作业，不再受时间地点的约束;</p>
								 <p class="titleWhite">学生数据全面分析，班级情况一手掌握。</p>
							 </div>
				   		 		</span></span>
				    		<span class="am-hide-md-down"><img class="am-img-responsive ipad" src="/img/ipad.png"/></span>
				 	 	</div>
					 	<div class="am-u-lg-7">
						    <span class="am-show-md-down"><img class="am-img-responsive ipad" src="/img/ipad.png"/></span>
						    <span class="am-hide-md-down">
						    	<div class="teacherPassage"><h4 class="titleWhite">UDO微课堂<span class="titleGreen">教师端</span></h4>
									<p class="titleWhite">重点难点微课随时录，轻松完成课前导学，课后复习;</p>
									<p class="titleWhite">布置练习、面批作业，不再受时间地点的约束;</p>
									<p class="titleWhite">学生数据全面分析，班级情况一手掌握。</p></div>
						    </span>
								  <div class="am-u-lg-6">
								    <span class="am-show-lg-only">
								    	<button  ms-click="showBarcode" type="button" class="am-btn download-btn-barcode am-radius">
										下载教师端&nbsp;APP&nbsp;&nbsp;<img class="barcode" src="/img/stu_barcode.png">
										</button>
								    </span>
								  </div>
								  
								  <div class="am-u-lg-6">
								    	<span class="am-show-lg-only">
									    	<button style="padding:10px;" type="button" class="am-btn download-btn-pc am-radius">
											<img class="pc" src="/img/stu_pc.png"> PC WEB
											</button>
								    	</span>
								    	<!--<button class="downloadTea" type="button" class="am-btn download-btn-pc am-radius">
											下载UDO微课堂-教师端
										</button>-->
								  </div>
					  	</div>
			</div>
			<button  ms-click="showBarcode"  class="downloadTea" type="button" class="am-btn download-btn-pc am-radius">
			     	下载UDO微课堂-教师端
		    </button>
		</div>
		
		<!--成功案例-->
		<div class="success-wrap">
			<div class="am-g">
				 <div class="am-u-lg-5">
				    <span class="am-show-md-down greenSide">
				    	<img class="success" src="/img/success.png" />
				    	<div class="successPassage">
					    	<p>他们正在使用UDO智慧教育方案</p>
					    	<p>也许你也像他们一样需要UDO</p>
					    	<p class="successTitle">全国百强信息化试点院校火热征集中</p>
					    	<button class="am-btn applyTea">申请免费试用UDO教师端</button>
				    	</div>
				    </span>
				    <span class="am-hide-md-down"><img class="am-img-responsive" src="/img/nankai.png"/></span>
				</div>
				<div class="am-u-lg-7 ">
				    <span class="am-show-md-down "><img class="am-img-responsive"  src="/img/nankai.png"/></span>
				    <span class="am-hide-md-down greenSide">
				    	<img class="success" src="/img/success.png" />
				    	<div class="successPassage">
					    		<p>他们正在使用UDO智慧教育方案</p>
					    		<p>也许你也像他们一样需要UDO</p>
					    		<p class="successTitle">全国百强信息化试点院校火热征集中</p>
					    		<button class="am-btn applyTea">申请免费试用UDO教师端&nbsp;&nbsp;<span class="am-icon-arrow-right" style="width:100%;"></span></button>
				    	</div>
				    </span>
				</div>
				
			</div>
<button class="am-btn apply">申请免费试用UDO教师端</button>
		</div>
		
		<!--学生端部分-->
		<div class="stu-wrap ms-controller" ms-controller="stuModel">
			<span hidden="hidden" id="stu_url"></span>
			<div class="stuBG">
				<div class="am-g am-g-fixed">
					<h2>UDO微课堂<span>学生端</span></h2>
					<p>学生可以反复观看老师上传的课堂视频与题目讲解，更好地解决学习中遇到的困难，如同老师永远在身边。</p>
					<p>经典的名师课堂，精准的答案解析，明确的学习轨迹，独特的翻转课堂模式.</p>
				</div>
			</div>
			<div class="downloadWarp am-g am-g-fixed">
				<div class="tips">
					<img src="/img/stu_tip1.png">
					<div>
						<p class="title">练题在于精，不在多</p>
						<p class="context">知名院校 权威出版社 共同精炼题目从此只做有用的题 摆脱题海练习</p>
					</div>
				</div>
				<div class="tips">
					<img src="/img/stu_tip2.png">
					<div>
						<p class="title">名师微课，专属你的名师</p>
						<p class="context">定制课程，对于疑问困难点在线与名师实时互动解答，对于答题结果进行微课面批讲解</p>
					</div>
				</div>
				<div class="tips">
					<img src="/img/stu_tip3.png">
					<div>
						<p class="title">学习数据统计，知己方能百胜</p>
						<p class="context">作业答题报告，清楚了解自己学习进度及掌握情况，了解弱点专题攻克</p>
					</div>
				</div>
				<div class="downloadBtnWarp">
					<!--<button type="button" class="am-btn download-btn-barcode am-radius">-->
						<!--Iphone 下载 <img class="barcode" src="/img/stu_barcode.png">-->
					<!--</button>-->
					<button type="button" ms-click="showBarcode" class="am-btn download-btn-barcode am-radius">
						下载学生端App <img class="barcode" src="/img/stu_barcode.png">
					</button>
					<button type="button" class="am-btn download-btn-pc am-radius">
						<img class="pc" src="/img/stu_pc.png"> PC WEB
					</button>
				</div>
			</div>
			<img class="phone" src="/img/stu_phone.png"></img>
		</div>
		<!--关于部分-->
		<div class="about-wrap ms-controller" ms-controller="about-wrap">
			<div class="contat">
				<div class="contat-title am-g am-g-fixed">
					<span class="text am-text-lg">ABOUT<span class="am-text-sm">&nbsp;&nbsp;关于</span></span>
				</div>
			</div>
			<!-- 时间轴mobile -->
			<div class="timeLineMobile am-slider am-slider-default" data-am-flexslider id="timelineMobile">
				<ul class="am-slides">
					<li>
						<div class="tabItem">
							<div class="content">
								<p class="title">好度公司注册成立</p>
								<p class="text">一群有教育理想的人凑在一起，心怀激情，各有所长，不畏艰苦,梦想启航。</p>
							</div>
							<div class="time">
								<p class="monthday">02-05</p>
								<p class="year">2014</p>
							</div>
						</div>
					</li>
					<li>
						<div class="tabItem">
							<div class="content">
								<p class="title">好度第一代产品诞生</p>
								<p class="text">通过习题讲解辅助教学，MVP产品原型诞生。</p>
							</div>
							<div class="time">
								<p class="monthday">07-14</p>
								<p class="year">2014</p>
							</div>
						</div>
					</li>
					<li>
						<div class="tabItem">
							<div class="content">
								<p class="title">第一个社会培训机构用户</p>
								<p class="text">与中国最大的教育培训机构签约，在一对一课堂、留作业、作业讲解等环节使用好度产品，切实提高了教师的教学效率和学生满意度。</p>
							</div>
							<div class="time">
								<p class="monthday">11-01</p>
								<p class="year">2014</p>
							</div>
						</div>
					</li>
					<li>
						<div class="tabItem">
							<div class="content">
								<p class="title">PREA融资</p>
								<p class="text">获得了赛富资本领头的数百万美元融资。</p>
							</div>
							<div class="time">
								<p class="monthday">12-11</p>
								<p class="year">2014</p>
							</div>
						</div>
					</li>
					<li>
						<div class="tabItem">
							<div class="content">
								<p class="title">累计20所公立中学用户</p>
								<p class="text">通过点滴努力，累计在广东、福建、北京、天津等四个省市获取了20所公立学校的使用用户，与公立教育携手成长。</p>
							</div>
							<div class="time">
								<p class="monthday">03-01</p>
								<p class="year">2015</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="timeLine">
				<div class="timelineUI am-g">
					<div class="middleLine"></div>
					<img class="timeUp" ms-click="timeUp" src="/img/about_arrowup.png"></img>
					<img class="timeDown" ms-click="timeDown" src="/img/about_arrowdown.png"></img>
				</div>
				<!-- 时间轴pc -->
				<div id="timeList"  class="timelineList am-g">
					<div class="tabArea">
						<div class="divSpace">
						</div>
						<div class="tab">
							<div class="tabItem currentTabItem">
								<div class="content">
									<p class="title">好度公司注册成立</p>
									<p class="text">一群有教育理想的人凑在一起，心怀激情，各有所长，不畏艰苦,梦想启航。</p>
								</div>
								<div class="time">
									<p class="monthday">02-05</p>
									<p class="year">2014</p>
								</div>
							</div>
							<div class="dot">
								<img src="/img/about-dot.png">
							</div>
						</div>

						<div class="tab">
							<div class="tabSpace"></div>
							<div class="dot">
								<img src="/img/about-dot.png">
							</div>
							<div class="tabItem">
								<div class="content">
									<p class="title">好度第一代产品诞生</p>
									<p class="text">通过习题讲解辅助教学，MVP产品原型诞生。</p>
								</div>
								<div class="time">
									<p class="monthday">07-14</p>
									<p class="year">2014</p>
								</div>
							</div>
						</div>
						<div class="tab">
							<div class="tabItem currentTabItem">
								<div class="content">
									<p class="title">第一个社会培训机构用户</p>
									<p class="text">与中国最大的教育培训机构签约，在一对一课堂、留作业、作业讲解等环节使用好度产品，切实提高了教师的教学效率和学生满意度。</p>
								</div>
								<div class="time">
									<p class="monthday">11-01</p>
									<p class="year">2014</p>
								</div>
							</div>
							<div class="dot">
								<img src="/img/about-dot.png">
							</div>
						</div>

						<div class="tab">
							<div class="tabSpace"></div>
							<div class="dot">
								<img src="/img/about-dot.png">
							</div>
							<div class="tabItem">
								<div class="content">
									<p class="title">PREA融资</p>
									<p class="text">获得了赛富资本领头的数百万美元融资。</p>
								</div>
								<div class="time">
									<p class="monthday">12-11</p>
									<p class="year">2014</p>
								</div>
							</div>
						</div>
						<div class="tab">
							<div class="tabItem currentTabItem">
								<div class="content">
									<p class="title">累计20所公立中学用户</p>
									<p class="text">通过点滴努力，累计在广东、福建、北京、天津等四个省市获取了20所公立学校的使用用户，与公立教育携手成长。</p>
								</div>
								<div class="time">
									<p class="monthday">03-01</p>
									<p class="year">2015</p>
								</div>
							</div>
							<div class="dot">
								<img src="/img/about-dot.png">
							</div>
						</div>

						<div class="divSpace">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--分公司地址-->
		<div class="contat-wrap ms-controller" ms-controller="contat-wrap">
				<div class="contat">
					<div class="contat-title am-g am-g-fixed">
						<span class="contat-title text am-text-lg">CONTAT US<span class="am-text-sm">&nbsp;&nbsp;联系</span></span>
					</div>
				</div>
				<div class="address am-g am-g-fixed">
					<div class="am-u-lg-4 am-u-sm-12">
						<span>天津地区</span>
						<p>
							地点 ：天津市河西区小白楼富力中心A-502<br />
							电话 ：022-23463818
						</p>
					</div>
					<div class="am-u-lg-4 am-u-sm-12">
						<span>北京地区</span>
						<p>
							地点 ：北京科技会展中心1号楼B座8N（地铁人民大学站）<br />
							电话 ：010-52786126
						</p>
					</div>
					<div class="am-u-lg-4 am-u-sm-12">
						<span>福建地区</span>
						<p>
							地点 ：福建省厦门市思明区嘉禾路21号新景中心A座1701-02<br />
							电话 ：0592-5152378
						</p>
					</div>
				</div>	
				
				<div class="address am-g am-g-fixed">
					<div class="am-u-lg-4 am-u-sm-12">
						<span>广州地区</span>
						<p>
							地点 ：广州市越秀区先烈中路69号东山广场1015室<br />
							电话 ：020-37580895
						</p>
					</div>
					<div class="am-u-lg-4 am-u-sm-12">
						<span>四川地区</span>
						<p>
							地点 ：四川省成都市高新区天晖路360号晶科1号写字楼1309号<br />
							电话 ：028-83224667
						</p>
					</div>
					<div class="am-u-lg-4 am-u-sm-12">
						<span>内蒙古地区</span>
						<p>
							地点 ：内蒙古呼和浩特市新城区内蒙古大学生创业园8-4-4027室<br />
							电话 ：--------------------
						</p>
					</div>
				</div>
				
				<div class="address am-g am-g-fixed">
					<div class="am-u-lg-4 am-u-sm-12">
						<span>吉林地区</span>
						<p>
							地点 ：吉林省长春市朝阳红旗街长影商务景都小区5栋1101室<br>
							电话 ：--------------------
						</p>
					</div>
				</div>
		</div>

		<!--固定栏部分-->
		<div class="fixed-wrap am-show-lg-up am-hide">
			<!--客服-->
			<div class="btn am-icon-comment am-icon-fw am-icon-md am-radius">
				<div class="tell-float">
					<span class="am-block am-text-left am-padding-lg">在线咨询<i class="am-icon-close am-fr"></i> </span>
					<ul class="am-margin-top-0">
						<li>
							<span class="am-icon-qq">&nbsp;&nbsp;3277280176</span>
						</li>
						<li>
							<span class="am-icon-qq">&nbsp;&nbsp;2660216294</span>
						</li>
						<li>
							<span class="am-icon-qq">&nbsp;&nbsp;3283067556</span>
						</li>
						<li>
							<span class="am-icon-phone am-padding-sm">&nbsp;&nbsp;&nbsp;联 系 电 话</span>
						</li>
						<li>
							<span class="am-padding-lg am-text-xl">400-6521-530</span>
						</li>
					</ul>
				</div>
			</div>
			<!--分享-->
			<div class="btn btn-share am-icon-share-alt am-icon-fw am-icon-md am-radius">
				<div class="share">
					
				</div>
			</div>
			<!--置顶-->
			<div class="btn btn-top am-icon-arrow-up am-icon-fw am-icon-md am-radius data-am-smooth-scroll">
            </div>
        </div>
		<!-- 学生端下载对话框 -->
		<div class="am-modal am-modal-no-btn barcodeModel" tabindex="-1" id="stuBarcodeModel">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">
					下载APP<a href="javascript:void(0)" class="am-close" data-am-modal-close>&times;</a>
				</div>
				<div class="am-modal-bd">
					<div id="stuBarcode"></div>
					<p class="tips">扫描二维码下载UDO微课堂学生端</p>
				</div>

			</div>
		</div>
		<!-- 教师端下载对话框 -->
		<div class="am-modal am-modal-no-btn barcodeModel" tabindex="-1" id="teaBarcodeModel">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">
					下载APP<a href="javascript:void(0)" class="am-close" data-am-modal-close>&times;</a>
				</div>
				<div class="am-modal-bd">
					<div id="teaBarcode"></div>
					<p class="tips">扫描二维码下载UDO微课堂教师端</p>
				</div>

			</div>
		</div>
		<!-- 微信提示部分 -->
		<div id="weixinCover" onclick="document.getElementById('weixinCover').style.display=''" style="display: none">
			<img src="img/weixin_cover.png">
		</div>

		
		<% include layout/footer.html %>	
		<script src="lib/jquery.min.js"></script>
		<script src="lib/amazeui.min.js"></script>
		<script src="lib/avalon.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
